<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/resed.css">
</head>

<body>

    <!-- <nav class="navbar navbar-default" style="background-color: rgba(254, 254, 254, 0.3);">
        <div class="container">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <img src="./images/logo.png" alt="" width="130px" height="50px">
                </div>

                <div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1" aria-expanded="false"
                    style="height: 0.666667px;">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active"><a href="http://www.clantrip.com">首页 <span
                                    class="sr-only">(current)</span></a>
                            <p class="line-top hidden-xs"></p>
                        </li>
                        <li><a
                                href="http://www.clantrip.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=6">签证指南</a>
                        </li>
                        <li><a
                                href="http://www.clantrip.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=13">签证加急</a>
                        </li>
                        <li><a
                                href="http://www.clantrip.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=9">签证服务</a>
                        </li>
                        <li><a
                                href="http://www.clantrip.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=10">签证资讯</a>
                        </li>
                        <li class="hidden-sm"><a
                                href="http://www.clantrip.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=14">资料下载</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav> -->
    <div id="header">
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" style="padding:0 0 0 15px;" href="http://www.clantrip.com">
                        <img alt="Brand" style="max-width:130px;" src="./images/logo.png"></a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a class="nav-li" href="">首页</a>
                        </li>
                        <li><a href="">签证指南</a>
                        </li>
                        <li><a href="">签证加急</a>
                        </li>
                        <li><a href="">签证服务</a>
                        </li>
                        <li><a href="">签证资讯</a>
                        </li>
                        <li class="hidden-sm"><a href="">资料下载</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>

    <!-- <div id="carousel-example-generic" class="carousel slide my-slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class=""></li>
            <li data-target="#carousel-example-generic" data-slide-to="1" class="active"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
            <div class="item">
                <a target="_blank"
                    href="http://www.clantrip.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=9">
                    <img src="http://www.clantrip.com/static/images/banner1.jpg" alt="美国签证代办"
                        style="width: 1920px; max-width: 1920px; margin-left: -320px;">
                </a>
            </div>
            <div class="item active">
                <a target="_blank"
                    href="http://www.clantrip.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=13">
                    <img src="http://www.clantrip.com/static/images/banner2.jpg" alt="美国签证加急预约"
                        style="width: 1920px; max-width: 1920px; margin-left: -320px;">
                </a>
            </div>
        </div>
    </div> -->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="http://www.clantrip.com/static/images/banner1.jpg" alt=""
                    style="width: 1920px; max-width: 1920px; margin-left: -320px;">
                <div class="carousel-caption">
                    ...
                </div>
            </div>
            <div class="item">
                <img src="http://www.clantrip.com/static/images/banner2.jpg" alt=""
                    style="width: 1920px; max-width: 1920px; margin-left: -320px;">
                <div class="carousel-caption">
                    ...
                </div>
            </div>
            ...
        </div>

        <!-- Controls -->
        <!-- <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a> -->
    </div>
    <div id="clan-slider">
        <ul>
            <li class="hidden-xs">
                <a id="slider-chat" class="web-chat" href="javascript:;"></a>
                <div class="clan-slider-tips" style="display: none;">
                    在线咨询
                </div>
            </li>
            <li class="hidden-xs">
                <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=54350970&amp;site=qq&amp;menu=yes"
                    id="slider-qq"></a>
                <div class="clan-slider-tips">
                    QQ咨询
                </div>
            </li>
            <li class="hidden-xs">
                <a id="slider-phone" href="javascript:void(0);"></a>
                <div class="clan-slider-tips" style="display: none;">
                    18810888729
                </div>
            </li>
            <li class="hidden-xs">
                <a id="slider-wechat" href="javascript:void(0);"></a>
                <div class="clan-slider-tips-wechat" style="display: none;">
                    <img src="http://www.clantrip.com/static/images/wechat.png">
                </div>
            </li>
            <li><a id="slider-goTop" href="javascript:void(0);" style="display: block;"></a></li>
            <!--
            <li class="visible-xs-block">
                <a id="slider-menu" href="javascript:void(0);"></a>
            </li>
            -->
        </ul>
    </div>

</body>

<script src="./jquery.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
    integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
    </script>
<script src="./ajax.js"></script>

</html>